<template>
  <div>
    <div>
      <van-nav-bar
        title="标题"
        left-text="返回"
        left-arrow
        @click-left="onClickLeft"
      />
    </div>
    <div>
      <van-card
        desc="此商家很好"
        title="外卖商家"
        thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
      />
    </div>
    <div>
      <van-row>
        <van-col span="8">
          <van-sidebar v-model="active" @change="onChange">
            <van-sidebar-item title="标签名 1" />
            <van-sidebar-item title="标签名 2" />
            <van-sidebar-item title="标签名 3" />
          </van-sidebar>
        </van-col>
        <van-col span="16">span: 8</van-col>
      </van-row>
    </div>
  </div>
</template>

<script>
export default {
  name: "WaiView",
  setup() {
    const onClickLeft = () => history.back();
    return {
      onClickLeft,
    };
  },
  setup() {
    const active = ref(0);
    const onChange = (index) => Toast(`标签名 ${index + 1}`);
    return {
      active,
      onChange,
    };
  },
  data() {
    return {};
  },
  props: {},

  components: {},

  created() {},

  mounted() {},

  methods: {},

  computed: {},

  watch: {},

  directives: {},

  filters: {},
};
</script>

<style scoped>
</style>